import ThemeBtn from '@/components/antd-comp/theme-btn'
import { useNavigate } from 'react-router-dom'
import '../css/styles.less'

export default function ApplicationTopLineHead({ toplineFun, butName }) {
  const navigate = useNavigate()
  return (
    <div className="flexRow flexRowJustBet ApplicationTopLineHead_case">
      <div className="flexRowStart ApplicationTopLineHead_case_left">
        {/* backicon */}
        <div
          className="ApplicationTopLineHead_case_iconback flexRow cursonCase"
          onClick={() => {
            navigate(-1)
          }}
        >
          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M8 10L4 6L8 2" stroke="#131921" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
          </svg>
        </div>
        {/* 标题？？？ */}
        上线
      </div>
      {/* 上线 */}
      <ThemeBtn
        className="ApplicationTopLineHead_case_left_right"
        onClick={() => {
          toplineFun()
        }}
      >
        {butName}
      </ThemeBtn>
    </div>
  )
}
